<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>

<!DOCTYPE html>
<html>
	<head>
		<title>排课管理</title>
		<meta name="decorator" content="default"/>
	</head>
	<body>
		<sys:message content="${message}"/>
		<!--导航栏-->
		<div class="location">
			<a href="javascript:history.back(-1);" class="back"><i></i><span>返回上一页</span></a>
			<a href="${ctx}/center" class="home"><i></i>
			<span>首页</span></a> 
			<i class="arrow"></i> 
			<span>排课管理</span>
		</div>
		<!--/导航栏-->
		
		<!--搜索栏-->
		<div id="floatHead" class="toolbar-wrap">
		    <div class="toolbar">
		        <div class="box-wrap">
		            <a class="menu-btn"></a>
		            <div class="rule-single-select single-select">
		                <select name="year" id="year">
	                    <c:forEach items="${yearList}" var="y">
	                    	<option value="${y}" <c:if test="${y==year}">selected="selected"</c:if>>${y}年</option>
	                    </c:forEach>
		                </select>
		            </div>
		            <div class="rule-single-select single-select">
		                <select name="week" id="week">
		                    <c:forEach items="${weekList}" var="w">
	                    	<option value="${w}" <c:if test="${w==week}">selected="selected"</c:if>>第${w}周</option>
	                    	</c:forEach>
		                </select>
		            </div>
		            <div class="week-list">
		                <ul class="wtexti-list">
		                    <li>
		                        <a class="wtext-skip" href="/qdingding-webapp/a/qd/course?mode=week&year=${yearNow}&week=${weekNow}">
		                            <span>本周</span>
		                        </a>
		                    </li>
		                    <li>
		                        <a class="wtext-skip" href="/qdingding-webapp/a/qd/course?mode=week&year=${yearNext}&week=${weekNext}">
		                            <span>下周</span>
		                        </a>
		                    </li>
		                </ul>
		            </div>
		            <div class="month-list" id="month-list">
		                <ul class="mtexti-list">
		                    <li>
		                        <a class="mtext-skip mchosent-skip" href="#">
		                            <span>月课表</span>
		                        </a>
		                    </li>
		                    <li>
		                        <a class="mtext-skip" href="${ctx}/qd/course?mode=week">
		                            <span>周课表</span>
		                        </a>
		                    </li>
		                    <li>
		                        <a class="mtext-skip" href="${ctx}/qd/course?mode=day">
		                            <span>日课表</span>
		                        </a>
		                    </li>
		                </ul>
		            </div>
		        </div>
		    </div>
		</div>
		<!--/搜索栏-->
		
		<!--选择栏-->
		<div class="select-warp">
		   <ul class="acheck-list">
		       <li><label>年龄段</label></li>
		       <li class="ainputl-list"><input type="checkbox"/>L1</li>
		       <li class="ainputl-list"><input type="checkbox"/>L2</li>
		       <li class="ainputl-list"><input type="checkbox" checked="checked"/>L3</li>
		       <li class="ainputl-list"><input type="checkbox" checked="checked"/>L4</li>
		       <li class="ainputl-list"><input type="checkbox"/>L5</li>
		       <li class="ainputl-list"><input type="checkbox"/>L6</li>
		   </ul>
		   <ul class="acheck-list">
		       <li class="ainputl-list"><label>课程类型</label></li>
		       <li class="ainputl-list"><input type="checkbox" checked="checked"/>NK</li>
		       <li class="ainputl-list"><input type="checkbox"/>CC</li>
		       <li class="ainputl-list"><input type="checkbox"/>户外课程</li>
		   </ul>
		</div>
		<!--/选择栏-->
		
		<!--列表-->
		<div class="table-warp">
		    <table class="table_border" style="font-size: 12px; width:100%;">
		        <thead>
		        <tr>
		            <th style="width:120px;"></th>
		            <c:forEach items="${weekInfo.cells}" var="c">
		            <th>${c.name}(${c.month}.${c.day})</th>
		            </c:forEach>
		        </tr>
		        </thead>
		        <tbody>
		        <c:forEach items="${sections}" var="s">
		        <tr>
		            <td style="text-align: center;"><fmt:formatDate value="${s.starton}" pattern="HH:mm"/>-<fmt:formatDate value="${s.endon}" pattern="HH:mm"/></td>
					<c:forEach items="${weekInfo.cells}" var="c">
		            <td style="text-align:left;">
		                <a href="#" style=" color:#ff0000;" title="主讲：111 | 助教：wangzi">鋼琴&nbsp;[202]</a>&nbsp;&nbsp;<span><img src="${ctxStatic}/images/unnone.png" title="会员有位&nbsp;&nbsp;体验有位" style="vertical-align: middle;"></span><br>
		                <a href="#" style=" color:#ff0000;" title="主讲：188251 | 助教：18988829">特長生班&nbsp;[四號教室]</a>&nbsp;&nbsp;<span><img src="${ctxStatic}/images/unnone.png" title="会员有位&nbsp;&nbsp;体验有位" style="vertical-align: middle;"></span><br>
		                <a href="#" style=" color:#ff0000;" title="主讲：liangan | 助教：lichen1">鋼琴&nbsp;[一號教室]</a>&nbsp;&nbsp;<span><img src="${ctxStatic}/images/unnone.png" title="会员有位&nbsp;&nbsp;体验有位" style="vertical-align: middle;"></span><br>
		                <a href="${ctx}/qd/course/form?section=${s.id}&date=${date}"><img style=" border:none" src="${ctxStatic}/images/add.png" title="点击排课"></a>
		            </td>
		            </c:forEach>
		        </tr>
		        </c:forEach>
		        </tbody>
		    </table>
		</div>
		<!--/列表-->
	</body>
</html>
